@import "template";

ul.user-listing{
    list-style-type:none;
    padding-left: 10px;
}
ul.user-listing li{
    cursor:pointer;
    border: 1px solid #EEEDEE;
    border-radius: 10px 10px 10px 10px;
    margin: 15px 25px 15px 15px;
    overflow: hidden;
    clear:both;
}
ul.user-listing li img{
    float: left;
    height:$defaults-user-listing-height;
    width: $default-image-width;
}


div.message-users{
    clear: both;
    padding-bottom: $defaults-message-users-padding-bottom;
    padding-left: $defaults-message-users-padding-left;
    padding-right: $defaults-message-users-padding-right;
    width: $message-users-width;
}
div.message-users p{
    font-size: 15px;
}

div.user-message-discriptin{
    float: left;
    width: $default-message-discriptin-width;
}

div.message-listing ul li label
{
    color: #F8981D;
    font-size: 13px;
    font-style: italic;
    margin-right: 25px;
    text-decoration: none;

}

div.message-listing ul{
    list-style-type:none;
    padding-left:10px;
}

div.message-listing ul li img{
    float: left;
    padding-right: 15px;
    width: $default-image-width;
}
div.message-discription{
    width: $default-message-discriptin-width;
}

div.message-listing form.general{
    clear:both;
    margin-bottom: 15px;
    width:615px;
}
div.message-listing form.general textarea{
    height: $defaults-textarea-height;
    margin-top: $defaults-textarea-margin-top;
    width: $defaults-textarea-width;
}

ul.user-listing button{
    float:left;
    margin-right:10px;
}

div.message-listing button.Back{
    float: left;
    margin-bottom: 10px;
    margin-left: 55px;
    margin-right: 10px;
}

div.message-listing ul li{
    border: 1px solid #EEEDEE;
    border-radius: 10px 10px 10px 10px;
    margin: 15px 25px 15px 15px;
    overflow: hidden;
    clear:both;
}

div.message-listing form button{
    float:right;
    margin-right:5px;
}

div.user-message-discriptin label{
    color: #F8981D;
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-right: 25px;
    padding-left: 10px;
    text-decoration: none;
    padding-top: 3px;
    float: left;
}

ul.user-listing p{
    font-size:11px;
    line-height:13px;
}

ul.friends-listing li {
    border: 1px solid #EEEDEE;
    border-radius: 10px 10px 10px 10px;
    float: left;
    list-style-type: none;
    margin-bottom: 20px;
    margin-right: 12px;
    padding-bottom: 10px;
    padding-left: 5px;
    width: 125px;
    height: 140px;
}

ul.friends-listing li img{
    width: 120px;
    height: 90px;
    padding-top: 10px;
}

ul.friends-listing li label{
    clear:both;
}

ul.friends-listing li h6{
    color: #F8981D;
    font-size: 12px;
    font-style: italic;
    width:120px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    margin: 0;
    padding: 5px 0 0;
}

button.Back{
    margin-left:25px;
    margin-top:10px;
}

ul.friends-listing-accepted{
    padding-left: 25px;
    width: 600px;
}

ul.friends-listing-accepted li{
    list-style-type:none;
    overflow:hidden;
    border: 1px solid #EEEDEE;
    border-radius:10px 10px 10px 10px

}

ul.friends-listing-accepted li img{
    width:100px;
    float:left;
    padding-right:10px;
}

ul.friends-listing-accepted li a{
    cursor: pointer;
}

ul.friends-listing-accepted li label a{
    color: #F8981D;
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-right: 25px;
    padding-left: 10px;
    text-decoration: none;
    padding-top: 3px;
    padding-bottom:10px;
}
